<script setup>
import useDetailStore from '@/store/modules/hospitial.js'

const store = useDetailStore()
</script>
<template>
    <div class="notice">
        <div class="title">{{store.hospitalInfo.hospital.hosname}}预约挂号须知</div>
        <div class="top">为方便您早日就医康复， 请您认真阅读预约挂号须知：</div>
        <div class="content1">
            <div class="tip">一、预约实名制：</div>
            <div class="xtx">统一平台电话预约和网上预约挂号均采取实名制注册预约 ，请您如实提供就诊人员姓名</div>
        </div>
        <div class="content1">
            <div class="tip">二、预约挂号：</div>
            <div class="xtx">统一平台电话预约和网上预约挂号均采取实名制注册预约 ，请您如实提供就诊人员姓名</div>
        </div>
        <div class="content1">
            <div class="tip">三、取消预约：</div>
            <div class="xtx">统一平台电话预约和网上预约挂号均采取实名制注册预约 ，请您如实提供就诊人员姓名</div>
        </div>
        <div class="content1">
            <div class="tip">四、爽约处理：</div>
            <div class="xtx">统一平台电话预约和网上预约挂号均采取实名制注册预约 ，请您如实提供就诊人员姓名</div>
        </div>
 
    </div>
</template>



<style lang="scss" scoped>
.notice {
    margin-left: 30px;
    .top {
        color: #7f7f7f;
        font-style: 20px;
        margin-top: 20px;
    }
    .content1 {
        color: #7f7f7f;
        margin-top: 20px;
        .tip {
            font-weight: 700;
            font-size: 24px;
            margin-bottom: 10px;
        }
    }
}
.title {
    margin: 0 auto;
    // color: #7f7f7f;
    font-weight: 700;
    font-size: 26px;
    width: 100%;
    text-align: center;
    margin-left: 20px;
}
</style>